<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/fieldsetCollapse.js"></script>
<link rel="stylesheet" type="text/css" href="css/promotion.css" />
</head>

<body>
<table width="630" border="0">
  <tr>
    <td width="314" height="50" bgcolor="#006666" class="header">Item Administration</td>
  </tr>
</table>
<br />
<fieldset id="fieldset" class="coolfieldset fset">

  <legend>Add Items</legend>
  <div>
  <form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">
    <br />
    <table width="600" border="0" cellpadding="5">
      <tr>
        <td>Item Name : </td>
        <td><label for="itemname"></label>
          <label for="itemname2"></label>
        <input type="text" name="itemname" id="itemname2" /></td>
      </tr>
      <tr>
        <td>Category : </td>
        <td><label for="category"></label>
          <select name="category" id="category">
            <option>Select One</option>
            <option>Cold Dish</option>
            <option>Poultry</option>
            <option>Pork</option>
            <option>Beef</option>
            <option>Noodles</option>
            <option>Rice</option>
            <option>Prawn</option>
            <option>Fish</option>
            <option>Dessert</option>
            <option selected="selected">New Category</option>
        </select></td>
      </tr>
      <tr>
        <td>New Category : </td>
        <td><input type="text" name="itemcat" id="itemcat" /></td>
      </tr>
      <tr>
        <td>Picture : </td>
        <td><label for="itempic"></label>
        <input type="file" name="itempic" id="itempic" /></td>
      </tr>
      <tr>
        <td>Item Description : </td>
        <td><label for="itemdesc"></label>
        <textarea name="itemdesc" id="itemdesc" cols="45" rows="5"></textarea>
        <br /></td>
      </tr>
      <tr>
        <td colspan="2" class="itemadminoption"><a href="">Add More Items</a></td>
      </tr>
      <tr>
        <td colspan="2" class="formsubmitbttns"><input name="additem" type="submit"  id="additem" value="Add Item" /></td>
      </tr>
    </table>
    <br />
<br />
  </form>
</div>
</fieldset><br />
<table width="630" border="1" cellpadding="5">
  <tr>
    <td width="51"><a href="" class="sort">Delete All</a></td>
    <td width="314">Item Name<span class="sort"> <a href="">sort</a></span></td>
    <td width="132">Category <a href="" class="sort">sort</a></td>
    <td width="24">&nbsp;</td>
    <td width="35">&nbsp;</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="itemselect" id="itemselect" />
      <label for="itemselect"></label></td>
    <td> Steamed Grouper In Black Bean Sauce</td>
    <td> Fish</td>
    <td class="itemadminoption"><a href="">Edit</a></td>
    <td class="itemadminoption"><a href="">Delete</a></td>
  </tr>
  <tr>
    <td><input type="checkbox" name="itemselect2" id="itemselect2" /></td>
    <td>Flamed Pork Ribs</td>
    <td>Pork</td>
    <td class="itemadminoption"><a href="">Edit</a></td>
    <td class="itemadminoption"><a href="">Delete</a></td>
  </tr>
  <tr>
    <td colspan="5">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="5" class="formsubmitbttns"><input type="submit" name="createmenu" id="createmenu" value="Create Menu" /></td>
  </tr>
</table>
<p>&nbsp;</p>
<script>
$('#fieldset').coolfieldset({collapsed:true});
</script>
</body>
</html>
